export default function ProjectInfo({ onHistoryClick, onLocalClick }: { 
  onHistoryClick: () => void;
  onLocalClick: () => void;
}) {
  return (
    <div className="bg-blue-100 p-2 rounded-md relative h-full">
      <div className="flex justify-between items-center mb-1">
        <h2 className="font-bold text-blue-800 text-sm">项目信息</h2>
        <div>
          <button 
            className="bg-green-100 text-green-700 px-2 py-0.5 rounded mr-1 text-xs"
            onClick={onLocalClick}
          >
            本地操作
          </button>
          <button 
            className="bg-yellow-400 text-yellow-800 px-2 py-0.5 rounded text-xs"
            onClick={onHistoryClick}
          >
            历史记录
          </button>
        </div>
      </div>
      
      <div className="grid grid-cols-3 gap-1 text-xs">
        <div className="flex items-center">
          <div className="w-2 h-2 bg-blue-500 rounded-full mr-1"></div>
          <span className="text-gray-800 font-medium mr-1">项目名称:</span>
          <span className="text-gray-800">青龙山隧道工程</span>
        </div>
        
        <div className="flex items-center">
          <div className="w-2 h-2 bg-blue-500 rounded-full mr-1"></div>
          <span className="text-gray-800 font-medium mr-1">工作状态:</span>
          <span className="text-red-700">停止施工</span>
        </div>
        
        <div className="flex items-center">
          <div className="w-2 h-2 bg-blue-500 rounded-full mr-1"></div>
          <span className="text-gray-800 font-medium mr-1">隧道长度:</span>
          <span className="text-gray-800">1250米</span>
        </div>
        
        <div className="flex items-center">
          <div className="w-2 h-2 bg-blue-500 rounded-full mr-1"></div>
          <span className="text-gray-800 font-medium mr-1">采集数据状态:</span>
          <span className="text-green-700">正常</span>
        </div>
        
        <div className="flex items-center">
          <div className="w-2 h-2 bg-blue-500 rounded-full mr-1"></div>
          <span className="text-gray-800 font-medium mr-1">采集时间:</span>
          <span className="text-gray-800">2023-10-15 14:30</span>
        </div>
        
        <div className="flex items-center">
          <div className="w-2 h-2 bg-blue-500 rounded-full mr-1"></div>
          <span className="text-gray-800 font-medium mr-1">型号:</span>
          <span className="text-gray-800">TBM-3000</span>
        </div>
        
        <div className="flex items-center">
          <div className="w-2 h-2 bg-blue-500 rounded-full mr-1"></div>
          <span className="text-gray-800 font-medium mr-1">当前环数:</span>
          <span className="text-gray-800">85</span>
        </div>
        
        <div className="flex items-center">
          <div className="w-2 h-2 bg-blue-500 rounded-full mr-1"></div>
          <span className="text-gray-800 font-medium mr-1">总环数:</span>
          <span className="text-gray-800">200</span>
        </div>
      </div>
    </div>
  );
} 